<template>
	<view class="wetcland-server-data">
		<view class="padding text-center">
			<view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(./static/bee.png);">
				<view>当前服务器已注册玩家数量：{{playerCount}}</view>
			</view>
		</view>
		<view class="cu-list menu-avatar comment solids-top">
			<view class="cu-item">
				<view class="cu-avatar round" style="background-image:url(./static/owner.jpg);"></view>
				<view class="content">
					<view class="text-grey">Wetcland</view>
					<view class="text-gray text-content text-df">
						正式发布阶段
					</view>
					<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
						<view class="flex">
							<view class="flex-sub">尚未确定</view>
						</view>
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">2021年X月</view>
						<view>
							<text class="cuIcon-appreciatefill text-red"></text>
							<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round" style="background-image:url(./static/owner.jpg);"></view>
				<view class="content">
					<view class="text-grey">Wetcland</view>
					<view class="text-gray text-content text-df">
						测试阶段
					</view>
					<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
						<view class="flex">
							<view class="flex-sub">修复游戏及网站BUG</view>
						</view>
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">2021年2月</view>
						<view>
							<text class="cuIcon-appreciatefill text-red"></text>
							<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round" style="background-image:url(./static/owner.jpg);"></view>
				<view class="content">
					<view class="text-grey">Wetcland</view>
					<view class="text-gray text-content text-df">
						开发阶段
					</view>
					<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
						<view class="flex">
							<view class="flex-sub">开发TCSP插件(基于Spigot)，网站后台(SpringBoot + MySql + JPA)，PC端网站(Vue全家桶 + Vuetify + ViewUI)，移动端网站(UNI-APP)</view>
						</view>
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">2020年12月</view>
						<view>
							<text class="cuIcon-appreciatefill text-red"></text>
							<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
						</view>
					</view>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round" style="background-image:url(./static/owner.jpg);"></view>
				<view class="content">
					<view class="text-grey">Wetcland</view>
					<view class="text-gray text-content text-df">
						启动计划
					</view>
					<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
						<view class="flex">
							<view class="flex-sub">确立计划</view>
						</view>
					</view>
					<view class="margin-top-sm flex justify-between">
						<view class="text-gray text-df">2020年</view>
						<view>
							<text class="cuIcon-appreciatefill text-red"></text>
							<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ajax from '../../../Ajax/index.js'
	export default {
		data() {
			return {
				playerCount: 0
			};
		},
		mounted() {
			this.getPlayerCount()
		},
		methods: {
			getPlayerCount() {
				ajax.post("account/getPlayerCount").then(res => {
					if (res.data.code == 200) {
						this.playerCount = res.data.count
					}
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
